// .widget-agent-container {
// 	background-color: #fafbfc;
// 	height: 100%;
// 	.widget-agent-session-box {
// 		width: 100%;
// 		height: calc(100% - 50px);
// 		margin: 0 auto;
// 		max-width: 1280px;
// 		user-select: none;
// 	}
// 	.widget-agent-contents {
// 		height: 100%;
// 		box-sizing: border-box;
// 		.agent-video-box {
// 			margin: 0 auto;
// 			position: relative;
// 			padding: 12px 28px;
// 			background: #ffffff;
// 			box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
// 			border-radius: 2px;
// 			max-height: calc(100vh - 70px);
// 		}
// 		.widget-session-tool {
// 			padding-top: 70px;
// 			position: sticky;
// 			p {
// 				padding: 0;
// 				margin: 0;
// 			}
// 		}
// 		.top-container {
// 			margin-bottom: 16px;
// 		}
// 		.vocational-box {
// 			width: 340px;
// 			height: 100%;
// 			background: #ffffff;
// 			// box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.12);
// 			// border-radius: 2px;
// 			.ant-card-head {
// 				border: 0;
// 				padding: 0 14px;
// 			}
// 		}
// 		.user-info-box {
// 			margin-bottom: 16px;
// 			box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
// 			border-radius: 2px;
// 		}
// 	}
// }
.widget-loading {
	max-height: 100% !important;
	z-index: 2000 !important;
}
.zco-im {
}
.chat-message-container {
	max-height: calc(100% - 192px);
}
.widget-agent-container-loading{
	height: 100%;
	min-height: 700px;

	#widget-agent-container {
		height: 100%;
	}
	.ant-spin-container {
		height: 100%;
	}
	.ant-layout-header {
		height: 50px;
		position: fixed;
		width: 100%;
		z-index: 99;
	}

	main {
		height: 100%;
	}

	.agent-video-box {
		height: 100%;

		.video-container {
			height: calc(100% - 180px);

			.pc-layout-left-customer-video {
				height: 100%;
			}
		}
	}

	.up-down-video-container {
		height: calc(100% - 165px);
	}

	.pc-layout-full-customer-video-wrapper {
		height: calc(100% - 144px);
	}
}
.change-password-confirm-modal {
	.ant-btn-primary {
		background-color: #252b48;
		border-color: #252b48;
		color: #fff;
	}
	.ant-btn-primary:hover {
		background-color: #252b48;
		border-color: #252b48;
		color: #fff;
	}
	.ant-btn-primary:focus {
		background-color: #252b48;
		border-color: #252b48;
		color: #fff;
	}

	.ant-btn-default {
		background-color: #fff;
		border-color: #d9d9d9;
		color: #444;
	}
	.ant-btn-default:hover {
		background-color: #fff;
		border-color: #d9d9d9;
		color: #444;
	}
	.ant-btn-default:focus {
		background-color: #fff;
		border-color: #d9d9d9;
		color: #444;
	}
}

